<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>22_文本属性-文本对齐-垂直方向-verticalAligh-div中有img-img小于div</title>
        
        <style>
            div {
                font-size: 100px;
                height: 300px;
                background-color: tomato;
            }

            div img {
                width: 250px;

                /* 默认情况还是基线对齐 */
                vertical-align: baseline;
                vertical-align: middle;
                vertical-align: top;
                vertical-align: bottom;
            }
        </style>
    
    </head>
    <body>
        <div>
            atguigux尚硅谷<img src="./img/1.jpg">
        </div>
    </body>
</html>